# 提示框 (Button)

提示操作成功,操作失败。确认框：是否删除？

### **代码演示**

### 1. 基础用法

```jsx live=true
<Button
  onClick={() => {
    const guid = Alert.info({
      content: "确定删除？",
    });
  }}
>
  删除
</Button>
```

### 2. 自动关闭

```jsx live=true
<Button
  onClick={() => {
    Alert.info({
      content: "操作成功",
      duration: 1,
    });
  }}
>
  提示
</Button>
```

### 3. 确定与取消事件

```jsx live=true
<Button
  onClick={() => {
    const guid = Alert.info({
      content: "操作成功",
      onOk: (e, props) => {
        console.log(props, "========props=========");
        alert("你点了确定");
        Alert.remove(guid)
      },
      onCancel: (e) => {
        alert("你点了取消");
      },
    });
  }}
>
  提示
</Button>
```
